<template>
  <el-dialog
      title="详情"
      custom-class="small-dialog"
      :visible="visible"
      append-to-body
      @open="open"
      @close="close"
  >
    <div class="detail-pannel">
      <el-form>
        <el-row>
          <el-col :span="24">
            <el-form-item label="优点名称">
              {{detailData.name}}
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="发布时间">
              {{detailData.createdAt | timeFilter}}
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <div slot="footer">
      <el-button @click="close">取 消</el-button>
    </div>
  </el-dialog>
</template>

<script>
import { _getDetail } from '../src/store'
import { detailDialog } from '@/mixins'

export default {
  name: 'detailDialog',
  mixins: [detailDialog],
  data() {
    return {
      detailData: {},
      detailFunc: _getDetail
    }
  }
}
</script>

<style scoped>

</style>
